<!--  -->
<template>
  <view class="content screen-width">
    <view class="tabBar screen-width" :class="isShow ? 'active' : ''" v-show="isShow">
      <view class="tab_title">
        <image src="../../static/returnimg.png" mode @tap="backPage" />
        <text>{{ companyList.companyName }}</text>
      </view>
      <view class="tabContent">
        <view class="item" v-if="isShowIndex == 1">荣誉 {{ total1 }}</view>
        <view class="item" v-if="isShowIndex == 2">专利 {{ total2 }}</view>
        <view class="item" v-if="isShowIndex == 3">商标 {{ total3 }}</view>
        <view class="item" v-if="isShowIndex == 4">软著 {{ total4 }}</view>
      </view>
    </view>

    <navBar class="titleItem" :title="`详情`" />
    <enterpriseInfo
      class="companyListItem"
      :companyNameList="companyList"
      @isShow="showPage"
      :optionId="companyId"
      :name="companyName"
      :type="type"
      :showPhone="showPhone"
    />
    <block :class="isShow ? 'active1' : ''">
      <!-- 这里是详情信息(荣誉) -->
      <view class="brandContent" v-if="isShowIndex == 1">
        <view class="itemNum">
          <span @click="checkHonorType('资质认定')">资质认定{{ honorProjectInfo.maintainTotal || 0 }}个</span>
          <span @click="checkHonorType('资金扶持')">资质扶持{{ honorProjectInfo.helpTotal || 0 }}个</span>
          <span @click="checkHonorType('补助金额')">补助金额{{ honorProjectInfo.honorProjectSubsidy || 0 }}万</span>
        </view>
        <scroll-view class="year-content" scroll-x="true">
          <view class="year-list flex items-middle">
            <view class="item" :class="yearIndex === 0 ? 'active' : ''" @click="getYear('', -1)">全部年份</view>
            <view
              v-for="(item, index) in honorProjectInfo.projectYears"
              :key="index + item"
              class="item"
              :class="yearIndex === index + 1 ? 'active' : ''"
              @click="getYear(item, index)"
              >{{ item }}</view
            >
          </view>
        </scroll-view>
        <view class="dataList">
          <view class="brandContent_item" v-for="(item, index) in getHonerProjec" :key="index + item.companyId" @click="toHonorDetail(item)">
            <view class="brandContent_title">
              <view class="title">{{ item.projectName || '--' }}</view>
              <view class="year">{{ item.particularYear || '--' }}</view>
            </view>
            <view class="brandContent_category">
              <span>类别: {{ item.projectType || '--' }}</span>
              <span>补助资金: {{ item.supportAmount || 0 }}万</span>
            </view>
            <view class="project_title">所获项目：{{ item.declarationName || '' }}</view>
            <view v-show="item.whetherRenew && showNew" class="new-honer">new</view>
          </view>
          <van-divider v-show="getHonerProjec.length && total1 < total1 + 1">我也是有底线的</van-divider>
          <van-divider v-show="!getHonerProjec.length">暂无数据</van-divider>
        </view>
      </view>
      <!-- 这里是详情信息(专利) -->
      <view class="patent" v-if="isShowIndex == 2">
        <view class="itemNum" v-show="patentList.length > 0">
          <span @click="checkPatentType('')">全部专利{{ patententnum.allPatentTotal }}个</span>
          <span @click="checkPatentType('发明授权')">发明授权{{ patententnum.authorizePatentTotal }}个</span>
          <span @click="checkPatentType('发明公布')">发明公布{{ patententnum.publishPatentTotal }}个</span>
          <span @click="checkPatentType('实用新型')">实用新型{{ patententnum.utilityModelPatentTotal }}个</span>
          <span @click="checkPatentType('外观设计')">外观设计{{ patententnum.exteriorDesignPatentTotal }}个</span>
        </view>
        <view class="main_content" v-for="(item, index) in patentList" :key="index" @tap="getpatentdetails(item.noticeNumber)">
          <view class="main_content_item">
            <view class="content_title">{{ item.patentName || '--' }}</view>
            <view class="content_item">
              <span>{{ item.typeDesc || '--' }}</span>
              <span>{{ item.patentStatus || '--' }}</span>
            </view>
            <view class="content_info">
              <span>公告日:{{ item.applyTime || '--' }}</span>
              <span>发明人: {{ item.inventor || '--' }}</span>
            </view>
            <view class="content_go">
              <image src="../../static/company/goPage.png" mode />
            </view>
          </view>
          <view v-show="item.whetherRenew && showNew" class="new-honer">new</view>
        </view>
        <van-divider v-show="patentList.length && total2 < total2 + 1">我也是有底线的</van-divider>
        <van-divider v-show="!patentList.length">暂无数据</van-divider>
      </view>
      <!-- 这里是详情信息(商标) -->
      <view class="main_centent_text" v-if="isShowIndex == 3">
        <view class="centent_item" v-for="(item, index) in brandList" :key="index">
          <view class="centent_item_title">
            <view class="title_L">{{ item.trademarkName || '--' }}</view>
            <view class="title_R multipleRow">{{ item.flowStatusDesc || '--' }}</view>
          </view>
          <view class="centent_item_nnum">
            <span>申请/注册号:{{ item.registrationNumber || '--' }}</span
            >，，
            <span>申请日期:{{ item.applyTime || '--' }}</span>
          </view>
          <view class="classify">
            国际分类 : {{ item.projectType || '--' }}
            <span>{{ item.categoryName || '--' }}</span>
          </view>
          <view v-show="item.whetherRenew && showNew" class="new-honer">new</view>
        </view>
        <van-divider v-show="brandList.length && total3 < total3 + 1">我也是有底线的</van-divider>
        <van-divider v-show="!brandList.length">暂无数据</van-divider>
      </view>
      <!-- 这里是详情信息(软著) -->
      <view class="soft" v-if="isShowIndex == 4">
        <view class="brandContent_item" v-for="(item, index) in SortList" :key="index">
          <view class="brandContent_title">
            <view class="title">{{ item.softName || '--' }}</view>
            <view class="year">版本{{ item.version || '--' }}</view>
          </view>
          <view class="project_title">登记号:{{ item.softName || '--' }}</view>
          <view class="brandContent_category">
            <span>分类号: {{ item.sortNumber || '--' }}</span>
            <span>登记批准日期: {{ item.successTime || '--' }}</span>
          </view>
          <view v-show="item.whetherRenew && showNew" class="new-honer">new</view>
        </view>
        <van-divider v-show="SortList.length && total4 < total4 + 1">我也是有底线的</van-divider>
        <van-divider v-show="!SortList.length">暂无数据</van-divider>
      </view>
      <!-- <van-divider>我也是有底线的</van-divider> -->

      <!-- 没有登录的状态下 -->
      <view class="noData" v-show="visible"> <text @tap="goToLogin">登录</text>后,查看更多 </view>
      <!-- 没有权限的状态下 -->
      <view class="noData" v-show="isShowDredge"> <text @tap="goDredge">开通会员</text>,查看更多 </view>
    </block>
    <Festival></Festival>
  </view>
</template>

<script>
  import navBar from '../../components/topBar.vue'
  import enterpriseInfo from '../../components/enterpriseInfo.vue'
  import { getCompanyInfo, getPatent, getTrademark, getSoft, getHonor } from '../../util/api/company.js'
  import { isWeixin, wxShareConfig } from 'util/wx.js'
  export default {
    components: {
      navBar,
      enterpriseInfo,
    },
    data() {
      return {
        tabData: [
          {
            type: 'icon-jiangbei',
            text: '荣誉',
            num: '',
          },
          {
            type: 'icon-biaozhi',
            text: '专利',
            num: '',
          },
          {
            type: 'icon-R',
            text: '商标',
            num: '',
          },
          {
            type: 'icon-xingxing',
            text: '软著',
            num: '',
          },
        ],
        honorProjectInfo: {}, // 荣誉信息
        patententnum: {}, // 专利信息
        companyId: '', // 获取地址栏的id
        companyName: '',
        companyList: {}, // 企业详情
        isShowIndex: 1, // 默认显示荣誉
        getHonerProjec: [], //获取荣誉信息
        patentList: [], // 专利详情
        brandList: [], // 商标列表
        SortList: [], // 软著列表
        pageNo1: 1, // 当前页(荣誉)
        pageNo2: 1, // 当前页(专利)
        pageNo3: 1, // 当前页(商标)
        pageNo4: 1, // 当前页(软著)
        pageSize: 10, // 当前的总条数
        total1: 0, // 总条数(荣誉)
        total2: 0, // 总条数(专利)
        total3: 0, // 总条数(商标)
        total4: 0, // 总条数(软著)
        isShow: false, //控制类名显示或隐藏,
        allHeight: 0, // 所有的高度
        throttle: false, // 节流阀
        visible: false, // 没有登录的情况下  显示
        isShowDredge: false, // 没有开通权限的情况下  显示
        type: '',
        companyName: '',
        showPhone: false,
        showNew: false,

        province: '',
        city: '',
        year: '', //荣誉查询年份条件
        yearIndex: 0,
        honorType: '',
        patentType: '',
      }
    },
    onShow() {
      if (this.type === '1') {
        this.getCompanyDetail()
      }
      let token = this.$getToken()
      if (token) {
        this.showPhone = false
        this.visible = false
      } else {
        this.showPhone = true
        this.visible = true
      }
      this.getHonorProjectList()
      this.getBrandList()
      this.getPatent()
      this.getSortList()
    },
    onLoad(e) {
      // liIndex 0是荣誉，1是专利，2是商标，3是软件著作权
      this.isShowIndex = parseInt(e.liIndex) + 1
      // e.showNew为true，是从页面点进来的,否则是从推送链接进入
      if (e.showNew) {
        this.showNew = false
      } else {
        this.showNew = true
      }
      this.type = e.type
      if (e.type === '1') {
        this.companyId = e.id
        if (e.name) {
          this.companyName = e.name
        }
        this.getCompanyDetail()
      } else {
        this.companyName = e.name
      }
    },

    mounted() {
      const query = uni.createSelectorQuery().in(this)

      query
        .select('.titleItem')
        .boundingClientRect(data => {
          this.allHeight = 0
          let { height } = data
          this.allHeight += height
        })
        .exec()
      query
        .select('.companyListItem')
        .boundingClientRect(data => {
          let { height } = data
          this.allHeight += height
        })
        .exec()
    },
    // 滚动事件
    onPageScroll(obj) {
      const { scrollTop } = obj
      if (scrollTop >= this.allHeight) {
        this.isShow = true
      } else {
        this.isShow = false
      }
    },
    onReachBottom() {
      if (this.throttle) return
      if (this.isShowIndex == 1) {
        if (this.getHonerProjec.length >= this.total1) return
        this.pageNo1 += 1
        this.getHonorProjectList()
      } else if (this.isShowIndex == 2) {
        if (this.patentList.length >= this.total2) return
        this.pageNo2 += 1
        this.getPatent()
      } else if (this.isShowIndex == 3) {
        if (this.brandList.length >= this.total3) return
        this.pageNo3 += 1
        this.getBrandList()
      } else if (this.isShowIndex == 4) {
        if (this.SortList.length >= this.total4) return
        this.pageNo4 += 1
        this.getSortList()
      }
    },
    //方法集合
    methods: {
      // jumpPage(index) {
      //   this.isShowIndex = index;
      // },
      getCompanyDetail() {
        // 获取企业详情信息
        let params = {
          id: this.companyId,
          name: this.companyName,
        }
        getCompanyInfo(params).then(res => {
          if (res.code == 200) {
            this.companyList = res.result
            if (isWeixin()) {
              this.initShareConfig()
            }
          } else if (res.code == 10005) {
            // 查询次数已满
            this.companyList = res.result
            this.isShowDredge = true
            this.visible = false
            if (isWeixin()) {
              this.initShareConfig()
            }
          } else if (res.code == 10001) {
            this.companyList = res.result
            if (isWeixin()) {
              this.initShareConfig()
            }
          } else {
            this.visible = false
            this.companyList = {}
            this.companyList.companyId = this.companyId
            this.companyList.companyName = this.companyName
            if (isWeixin()) {
              this.initShareConfig()
            }
          }
          let data = this.companyList
          if (data.province || data.city) {
            this.province = data.province
            this.city = data.city
          }
        })
      },
      backPage() {
        uni.navigateBack({
          // 点击返回到上一页
          delta: 2,
        })
      },
      // 点击切换页面
      showPage(val) {
        this.isShowIndex = val
        if (val === 1) {
          this.pageNo1 = 1
          this.getHonorProjectList()
        } else if (val === 2) {
          this.pageNo2 = 1
          this.getPatent()
        } else if (val === 3) {
          this.pageNo3 = 1
          this.getBrandList()
        } else if (val === 4) {
          this.pageNo4 = 1
          this.getSortList()
        }
      },
      // 获取专利列表
      getPatent() {
        let token = this.$getToken()
        let obj = {
          id: this.companyId,
          pageNo: this.pageNo2,
          pageSize: this.pageSize,
          typeDesc: this.patentType,
        }
        uni.showLoading({
          title: '加载中',
          icon: false,
        })
        getPatent(obj).then(res => {
          if (res.code == 200 && token) {
            let { patentPage } = res.result
            this.patententnum = res.result // 专利信息
            this.total2 = patentPage.total

            if (this.pageNo2 === 1) {
              this.patentList = patentPage.records || []
            } else {
              this.patentList.push(...patentPage.records)
            }
            this.throttle = false
            this.visible = false
          } else {
            this.patentList = []
          }
        })
      },
      checkPatentType(type) {
        this.pageNo2 = 1
        this.patentType = type
        this.patentList = []
        this.getPatent()
      },
      // 点击登录
      goToLogin() {
        uni.setStorageSync('pageUrl', window.location.href)
        uni.navigateTo({
          url: '/pages/login/index',
        })
      },
      // 开通企业
      goDredge() {
        uni.navigateTo({
          url: '/pages/VIP/index',
        })
      },
      // 获取商标信息类表
      getBrandList() {
        let token = this.$getToken()
        this.throttle = true
        let obj = {
          id: this.companyId,
          pageSize: this.pageSize,
          pageNo: this.pageNo3,
        }
        uni.showLoading({
          title: '加载中',
          icon: false,
        })
        getTrademark(obj).then(res => {
          // console.log(res);
          if (res.code == 200 && token) {
            if (this.pageNo3 === 1) {
              this.brandList = res.result.records || []
            } else {
              this.brandList.push(...res.result.records)
            }
            this.throttle = false
            this.total3 = res.result.total
            this.visible = false
          } else {
            this.brandList = []
          }
        })
      },
      // 获取软著列表模块
      getSortList() {
        let token = this.$getToken()
        let obj = {
          pageSize: this.pageSize,
          pageNo: this.pageNo4,
          id: this.companyId,
        }
        uni.showLoading({
          title: '加载中',
          icon: false,
        })
        getSoft(obj).then(res => {
          if (res.code == 200 && token) {
            if (this.pageNo4 === 1) {
              this.SortList = res.result.records || []
            } else {
              this.SortList.push(...res.result.records)
            }
            this.total4 = res.result.total
            this.throttle = false
            this.visible = false
          } else {
            this.SortList = []
          }
        })
      },
      // 点击获取专利详情
      getpatentdetails(val) {
        uni.navigateTo({
          url: `/pages/enterpriseDetails/patent_details?applicationNumber=${val}&companyId=${this.companyId}`,
        })
      },
      // 获取荣誉列表
      getHonorProjectList() {
        this.throttle = true
        let obj = {
          pageSize: this.pageSize,
          pageNo: this.pageNo1,
          id: this.companyId,
          typeDesc: this.honorType,
          projectYear: this.year,
        }
        getHonor(obj).then(res => {
          if (res.code === 200) {
            if (this.pageNo1 === 1) {
              this.getHonerProjec = res.result.honorProjectPage.records || []
            } else {
              this.getHonerProjec.push(...res.result.honorProjectPage.records)
            }
            this.honorProjectInfo = res.result
            this.total1 = res.result.honorProjectPage.total
            this.tabData[0].num = res.result.honorProjectPage.total
            this.throttle = false
          }
        })
      },
      getYear(item, index) {
        this.pageNo1 = 1
        this.year = item
        this.getHonerProjec = []
        this.yearIndex = index + 1
        this.getHonorProjectList()
      },
      checkHonorType(type) {
        this.pageNo1 = 1
        this.honorType = type
        this.getHonerProjec = []
        this.getHonorProjectList()
      },
      // 跳转荣誉相关政策，公示名单
      toHonorDetail(item) {
        uni.navigateTo({
          url: `/pages/enterpriseDetails/honorDetail?title=${item.projectName}&province=${this.province}&city=${this.city}&id=${this.companyId}&years=${item.particularYear}`,
        })
      },
      // 微信分享
      initShareConfig() {
        let _this = this
        let windowurl = window.location.href.split('#')[0]
        uni.request({
          url: 'https://oldm.51bmj.cn/WeiXin/GetClientSign', //仅为示例，并非真实接口地址。
          data: {
            rawUrl: windowurl,
          },
          dataType: 'json',
          header: {
            'X-Requested-With': 'XMLHttpRequest',
          },
          method: 'GET',
          success: res => {
            console.log(888888888, res)
            if (res.statusCode == 200) {
              let { data } = res
              let shareInfo = {
                title: _this.companyList.companyName || '企业详情',
                desc: '政策尽知 红利尽享',
                link: window.location.href,
              }
              console.log(99999999, data, shareInfo)
              wxShareConfig(this.$wx, data, shareInfo)
            }
          },
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .content {
    background: #f8f9fd;
  }
  .tabBar {
    display: flex;

    flex-direction: column;

    .tab_title {
      padding-left: 30rpx;
      height: 88rpx;
      display: flex;
      align-items: center;
      background-color: #2862ad;
      image {
        width: 18rpx;
        height: 34rpx;
        margin-left: 10rpx;
      }
      text {
        color: #fff;
        font-size: 34rpx;
        margin-left: 40rpx;
      }
    }
    .tabContent {
      padding-left: 30rpx;
      background-color: #f8f9fd;
      height: 88rpx;
      display: flex;
      align-items: center;
      .item {
        color: #fd9978;
      }
    }
    &.active {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
    }
  }
  .tab-list {
    padding: 30upx 0;
    box-sizing: border-box;

    .tab-item {
      position: relative;
      .img {
        width: 106upx;
        height: 80upx;
        border-radius: 30upx;
        position: relative;
        image {
          width: 20px;
          height: 20px;
        }
        .num {
          position: absolute;
          top: -10upx;
          right: -10upx;
          padding: 0 10upx;
          background: red;
          color: #fff;
          font-size: 24upx;
          text-align: center;
          border-radius: 20upx;
        }
      }

      .img:nth-child(odd) {
        width: 106upx;
        height: 80upx;
        border-radius: 30upx;
      }

      .lable {
        margin-top: 14upx;
        font-size: 24upx;
        color: #333;
      }
    }

    .tab-item:nth-child(odd) {
      .img {
        background: linear-gradient(to bottom, #6174ff, #44a2ff);
      }
    }

    .tab-item:nth-child(even) {
      .img {
        background: linear-gradient(to bottom, #25b3c9, #2adab6);
      }
    }
  }
  /* 荣誉模块 */
  .brandContent {
    padding: 0 30rpx;
    position: relative;
    .itemNum {
      display: flex;
      flex-wrap: wrap;
      span {
        padding: 6rpx 28rpx;
        background-color: #fff6ef;
        color: #ff7648;
        margin: 15rpx 20rpx;
      }
    }
    .year-content {
      width: 100%;
      padding-right: 10upx;
      margin-bottom: 20upx;

      .year-list {
        width: 100%;

        .item {
          font-size: 24upx;
          padding: 5upx 0;
          margin-right: 15upx;
          box-sizing: border-box;
          background: #ffffff;
          color: #666666;
          min-width: 120upx;
          text-align: center;
        }

        .active {
          color: #1678ff;
        }
      }
    }

    .brandContent_item {
      position: relative;
      display: flex;
      flex-direction: column;
      border-radius: 10rpx;
      margin-bottom: 20rpx;
      // height: 280rpx;
      padding: 0 40rpx 50rpx;
      background-color: #fff;
      .new-honer {
        position: absolute;
        right: 0;
        top: -10rpx;
        font-size: 24rpx;
        background: red;
        padding: 5rpx 8rpx;
        color: #fff;
        border-radius: 5rpx;
      }
      &:first-child {
        position: relative;
        &::before {
          position: absolute;
          transform: rotate(-45deg);
          left: 60rpx;
          top: -15rpx;
          width: 30rpx;
          height: 30rpx;
          background-color: #fff;
          content: '';
        }
      }
      .brandContent_title {
        display: flex;
        align-items: flex-start;
        margin: 20rpx 0;

        .title {
          padding-right: 30rpx;
          flex: 1;
          font-weight: 700;
          font-size: 32rpx;
          color: #333333;
        }
        .year {
          margin-top: 8rpx;
          color: #44a2ff;
          font-size: 28rpx;
        }
      }
      .brandContent_category {
        margin: 10rpx 0;
        span {
          color: #333333;
          font-size: 24rpx;
          margin-right: 50rpx;
        }
      }
      .project_title {
        color: #aaaaaa;
        font-size: 24rpx;
      }
    }
  }

  /* 专利模块 */
  .patent {
    padding: 0 30rpx;
    .itemNum {
      display: flex;
      flex-wrap: wrap;
      span {
        padding: 6rpx 28rpx;
        background-color: #fff6ef;
        color: #ff7648;
        margin: 15rpx 20rpx;
      }
    }
    .main_content {
      position: relative;
      .new-honer {
        position: absolute;
        right: 0;
        top: -10rpx;
        font-size: 24rpx;
        background: red;
        padding: 5rpx 8rpx;
        color: #fff;
        border-radius: 5rpx;
      }
      &:first-child {
        position: relative;
        &::before {
          position: absolute;
          transform: rotate(-45deg);
          left: 250rpx;
          top: -15rpx;
          width: 30rpx;
          height: 30rpx;
          background-color: #fff;
          content: '';
        }
      }
      .main_content_item {
        margin-bottom: 20rpx;
        border-radius: 20rpx;
        position: relative;
        padding: 30rpx 40rpx;
        background-color: #fff;

        .content_title {
          font-size: 32rpx;
          font-weight: 700;
          color: #333333;
        }
        .content_item {
          margin: 20rpx 0;
          span {
            padding: 6rpx 26rpx;
            background-color: #e8f3ff;
            color: #44a2ff;
            font-size: 24rpx;
            margin-right: 20rpx;
            border-radius: 10rpx;
          }
        }
        .content_info {
          span {
            color: #333333;
            font-size: 24rpx;
            margin-right: 30rpx;
          }
        }
        .content_go {
          position: absolute;
          right: 50rpx;
          top: 50%;
          bottom: 50%;
          transform: translateY(-50%);
          image {
            width: 16rpx;
            height: 24rpx;
          }
        }
      }
    }
  }
  /* 商标模块 */
  .main_centent_text {
    padding: 0 30rpx;
    .centent_item {
      background-color: #fff;
      border-radius: 10rpx;
      padding: 40rpx 30rpx;
      margin-bottom: 20rpx;
      position: relative;
      .new-honer {
        position: absolute;
        right: 0;
        top: -10rpx;
        font-size: 24rpx;
        background: red;
        padding: 5rpx 8rpx;
        color: #fff;
        border-radius: 5rpx;
      }
      &:first-child {
        position: relative;

        &::before {
          content: '';
          position: absolute;
          left: 420rpx;
          top: -15rpx;
          width: 30rpx;
          height: 30rpx;
          transform: rotate(-45deg);
          background-color: #fff;
        }
      }
      .centent_item_title {
        display: flex;

        .title_L {
          flex: 1;
          color: #333;
          font-size: 32rpx;
          font-weight: 700;
        }
        .title_R {
          width: 200rpx;
          height: 50rpx;
          // margin: 0 20px;
          color: #44a2ff;
          font-size: 28rpx;
        }
      }
      .centent_item_nnum {
        display: flex;
        margin-top: 20rpx;
        justify-content: space-between;
        font-size: 24rpx;
        color: #333;
        span {
          margin-right: 40rpx;
        }
      }
      .classify {
        margin-top: 40rpx;
        color: #aaa;
        font-size: 24rpx;
        span {
          margin-left: 30rpx;
        }
      }
    }
  }

  /* 软著模块 */
  .soft {
    padding: 0 30rpx;
    .brandContent_item {
      display: flex;
      flex-direction: column;
      border-radius: 10rpx;
      margin-bottom: 20rpx;
      // height: 280rpx;
      padding: 0 40rpx 50rpx;
      background-color: #fff;
      position: relative;
      .new-honer {
        position: absolute;
        right: 0;
        top: -10rpx;
        font-size: 24rpx;
        background: red;
        padding: 5rpx 8rpx;
        color: #fff;
        border-radius: 5rpx;
      }
      &:first-child {
        position: relative;
        &::before {
          position: absolute;
          transform: rotate(-45deg);
          left: 600rpx;
          top: -15rpx;
          width: 30rpx;
          height: 30rpx;
          background-color: #fff;
          content: '';
        }
      }
      .brandContent_title {
        display: flex;
        align-items: flex-start;
        margin: 20rpx 0;

        .title {
          padding-right: 30rpx;
          flex: 1;
          font-weight: 700;
          font-size: 32rpx;
          color: #333333;
        }
        .year {
          margin-top: 8rpx;
          color: #44a2ff;
          font-size: 28rpx;
        }
      }
      .brandContent_category {
        span {
          color: #aaaaaa;
          font-size: 24rpx;
          margin-right: 50rpx;
        }
      }
      .project_title {
        margin: 20rpx 0;
        color: #333333;
        font-size: 24rpx;
      }
    }
  }
  // 没有登录的情况
  .noData {
    padding-top: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34rpx;
    text {
      color: #44a2ff;
    }
  }
</style>
